<#macro layout>
<!DOCTYPE html>
<html>
<head lang="en">
    <title>领先一步洗车</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="author" content="wangchunpeng">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="${ctx}/resource/css/style.css" media="screen"/>
    <script type="text/javascript" src="${ctx}/resource/js/common-1.0.js"></script>

    <script type="text/javascript" src="${ctx}/resource/js/zepto.min.v1.js"></script>
    <script type="text/javascript">

    </script>
</head> <#nested>
</#macro><@layout>
<body>

<div id="wrap"><style>

    .swipe-wrap div,
    .swipe-wrap div a {line-height: 0;}

</style>
<div id="header">
    <div class="swipe-wrap">
        <div>
            <p class="vehicle-title" style="text-align: center;background-color: #55C126">

            </p>
            <p class="vehicle-title" style="color:white;text-align: center;background-color: #55C126">
                领先一步洗车管理
            </p>
            <p class="vehicle-title" style="text-align: center;background-color: #55C126">
            </p>
            <p class="vehicle-title" style="text-align: center;background-color: #55C126">
            </p>

        </div>

    </div>
</div>

<ol id="weiche-form">
    <li id="mod_body"><span class="label">请输入会员信息：</span><input id="card" type="text" placeholder="VIP卡号/会员姓名/手机号码/车牌号码"  value="" /></li>
    <li class="btn"><button id="commit">立即查询</button></li>
</ol>
<div id="mask_black"></div>
<img id="helpimg" src="${ctx}/resource/css/help.jpeg"/>
<script type="text/javascript">
    var TAP = ("WEB"=="WEB")?"mousedown":"tap";

    Zepto(function($){
        $('#commit').click(function(){
            if($('#loading').is(':visible')){
                return false;
            }
            var card =$("#card").val();
            if(card ==''){
                    alert('*请填写卡号');
                    return false;
                }
            Jax.loading();
          var args = {};
            args.card = $("#card").val();
            window.location.href="${ctx}/xcgl/sx?card="+args.card;

        });

    });
</script>
</div>
<style type="text/css">
    #mask,#mask_black{position:fixed;top:0;width:100%;height:100%;left:0;background: #fff;opacity: 0.7;display: none}
    #mask_black{background: #000}
    img.loading{position: fixed;width: 80px;z-index:9999;display: none; left: 50%; top: 50%; margin-left:-40px; margin-top:-40px; /*transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);*/}
    #follow-us{max-width:640px;min-width:320px;background: #fff;opacity: 0.94;padding-top:15px;padding-bottom:15px;width:100%;position: fixed;top:-140px;z-index: 99999;border-bottom:1px solid #ddd;box-shadow:0px 0px 4px #ddd;display: none;}
    #follow-us img{width:60px;border-radius: 5px;float:left;margin-top: 2px;margin-left:20px;}
    #follow-us p{font-size:14px;line-height: 1.5;padding-left: 95px;}
    #follow-us p b{color:#16d24c;}
    #follow-us p.pbtn{text-align:center;padding:0px;margin:0;font-size:12px;margin-top:10px;}
    #follow-us p.pbtn>button{font-size: 14px; padding-bottom: 9px;padding-top: 9px;border-radius: 2px 10px; width: 35%;}
    button { color: #004995; padding-top: 5px; padding-bottom: 5px; width: 50%; -webkit-appearance: none; border: 0; background: #55C126; color: #FFF; font-size: 18px; padding-top: 13px; padding-bottom: 13px; border-radius: 2px 15px 2px 15px;}
</style>
<div id="mask"></div>
<img src="${ctx}/resource/css/load.gif"   class="loading"/>

</body>

</html></@layout>